<template>
	<view>
		<view class="">
			<view class="wenzi">
				<text style="font-size: medium;color: #202020000;">永威·上和院</text>
				<text
					style="color:#FF352F;font-size:small;margin-top:20px;display:block;width: 150px;">约1,250-1,600万元/套</text>
			</view>
			<image class="img" src="../../static/detail/top.png" mode="top rigth"></image>
		</view>
		<br />
		<view class="box1" style="margin-top: 10px;">
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">物业类别</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.propertyCategory}}</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">项目特色</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.projectLabel}}</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">建筑类别</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.buildingCategory}}</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">装修状况</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.decorateSituation}}</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">开发商</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.propertyDevelopers}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">项目地址</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.projectAddress}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">咨询电话</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.consultingTelephone}}
				</text>
				<view class="line"></view>
				<br />
			</view>
		</view>
		<view class="box2" style="margin-top: 10px;">

			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">交房时间</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.deliverTime}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">销售状态</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.onSale ==1?'在售':'停售'}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">开盘时间</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.openTime}}
				</text>
				<view class="line"></view>
				<br />
			</view>
		</view>
		<view class="box3" style="		margin-top: 10px;">
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">占地面积</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.coveredArea}}m²</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">建筑面积</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.floorSpace}}万m²</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">容积率</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.plotRatio}}</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">绿化率</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.greeningRate}}%</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">停车位</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.parkingSpaceTotal}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">楼栋总数</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.buildingTotal}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">总户数</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.householdsTotal}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">物业公司</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.propertyCompanyName}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">物业费</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.propertyFee}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">楼层状况</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.floorCondition}}
				</text>
				<view class="line"></view>
				<br />
			</view>
		</view>
		<view class="box4" style="margin-top: 10px;">
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">学校</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.buildingCategory}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">交通</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.buildingCategory}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">医院</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.buildingCategory}}
				</text>
				<view class="line"></view>
				<br />
			</view>
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">购物</text>
				<text style="padding-right: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.buildingCategory}}
				</text>
				<view class="line"></view>
				<br />
			</view>
		</view>
		<view class="box5" style="margin-top: 10px;">
			<view style="margin-top: 18px;">
				<text style="padding-left: 40px;color: #898F96;padding-right: 10px; font-size: small;">项目简介 :</text>
				<text style="padding-left: 40px;color: #202020;float: right; font-size: small;">{{realEstateDetail.projectBrief}}
				</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				realEstateDetail: {}
			}
		},
		methods: {

		},
		onShow() {
			uni.getStorage({
				key:'realEstate',
				success: (res) => {
					this.realEstateDetail = res.data;
				}
			})
			
		}
	}
</script>

<style>
	page {
		background-color: #F7F8F9;
	}

	.img {
		width: 200px;
		height: 70px;
		position: absolute;
		top: 50px;
		left: 200px;
	}

	.line {
		position: absolute;
		height: 1px;
		width: 550rpx;
		background-color: #F0F0F0;
		margin-left: 40px;
		text-align: center;
		margin-top: 10px;
	}

	.wenzi {
		margin-left: 30px;
		margin-top: 50px;
		width: 100px;
		height: 70px;
	}

	.box1 {

		height: 600rpx;
		padding-top: 15px;
		width: 700rpx;
		border-left: 20px;
		margin: 0 auto;
		background-color: #FFFFFF;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
	}

	.box2 {

		height: 300rpx;
		padding-top: 15px;
		width: 700rpx;
		border-left: 20px;
		margin: 0 auto;
		background-color: #FFFFFF;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
	}

	.box3 {

		height: 800rpx;
		padding-top: 15px;
		width: 700rpx;
		border-left: 20px;
		margin: 0 auto;
		background-color: #FFFFFF;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
	}

	.box4 {
		height: 400rpx;
		padding-top: 15px;
		width: 700rpx;
		border-left: 20px;
		margin: 0 auto;
		background-color: #FFFFFF;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
	}

	.box5 {
		height: 400rpx;
		padding-top: 15px;
		width: 700rpx;
		border-left: 20px;
		margin: 0 auto;
		background-color: #FFFFFF;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
	}
</style>
